<mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed>
    <mdl-layout-header>
        <mdl-layout-header-row>
            <mdl-layout-title>
                <img src="../../assets/images/login/title.png" style="height:50px;margin: 0 15px 0 15px;" />
            </mdl-layout-title>
            <mdl-layout-spacer></mdl-layout-spacer>
            <nav class="mdl-navigation">
            </nav>
        </mdl-layout-header-row>
    </mdl-layout-header>
    <mdl-layout-content mdl-shadow="16">
        <aside id="left-menu" class="left-menu">
            <ul>
                <li>
                    <a id="expand" class="left-menu-nav-icon">
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </a>
                </li>
                <li>
                    <a routerLink="/notification/edit">
                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                        <span style="font-size:16px;">写公告</span>
                    </a>
                </li>
                <li>
                    <a routerLink="/notification/draft">
                        <i class="fa fa-book" aria-hidden="true"></i>
                        <span style="font-size:16px;">草稿箱</span>
                    </a>
                </li>
                <li>
                    <a routerLink="/notification/delivery">
                        <i class="fa fa-paper-plane" aria-hidden="true"></i>
                        <span style="font-size:16px;">已发送</span>
                    </a>
                </li>
            </ul>
        </aside>

        <div class="notice-content-area">
            <router-outlet></router-outlet>
        </div>
    </mdl-layout-content>
</mdl-layout>
<!-- <div class="footer">
    <qk-notice-icon></qk-notice-icon>
    <qk-toolbar></qk-toolbar>
</div> -->